<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>极果网站</title>
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/iconfont.css">
    <link rel="shortcut icon" href="./img/title.ico" type="image/x-icon">
</head>
<body>
    <!--头部-->
    <header>
        <!--头部导航栏-->
        <div>
        <div class="header-top wrapper">
            <img src="./img/logonew.png" alt="">
            <ul>
                <li ><a href="" class="active">首页</a></li>
                <li><a href="play/k-new.html">酷玩</a></li>
                <li><a href="guid/guid-new.html">导购</a></li>
                <li><a href="use/index.html">试用</a></li>
                <li><a href="">报告</a></li>
            </ul>
            <div>
                <span><img src="./img/2.gif" alt=""
                           style="margin-top: -25px"></span>
               <span style="font-size: 22px;color: #FE6541">鲁少聚 ● 李登辉</span>
                <span><img src="./img/1.gif" alt=""
                style="margin-top: -30px"></span>
                <span class="iconfont icon-sousuo1"></span>
                <button>注册</button>
            </div>
        </div>
        </div>
        <!-- 音响图片-->
        <div class="header-pic">
            <div class="wrapper">
                <div>
                    <h1>幻响小贝HiFi2.1音箱</h1>
                    <span>126人申请</span>
                    <span>￥599</span>
                    <span>20台</span>
                    <p>申请剩余时间
                        <span class="day"> </span>天
                        <span class="hour"></span>小时
                        <span class="minute"></span>分钟
                        <span class="miao"></span>秒
                    </p>
                    <button>立即申请</button>
                </div>
            </div>
        </div>
    </header>
    <!--主体部分-->
    <mian>
        <button class="leftbtn iconfont icon-jiantou"></button>
        <button class="rightbtn iconfont icon-arrowDown"></button>
        <!-- 轮播部分-->
        <p class="rmsy wrapper">热门试用</p>
        <div class="mian-viewpaper wrapper">
            <div class="viewpaper">
                <ul class="uls">
                    <li>
                        <img src="./img/hot1.jpg" alt="">
                        <h2> 巴慕达 The Toaster 烤面包机 </h2>
                        <p class="v-p1"><span>2021</span><span>20台</span></p>
                        <p>
                            <span>1392</span>
                            <span>申请</span>
                        </p>
                        <p class="v-p2">剩余时间2天</p>
                    </li>
                    <li>
                        <img src="./img/hot2.jpg" alt="">
                        <h2> 巴慕达 The Toaster 烤面包机 </h2>
                        <p class="v-p1"><span>2021</span><span>20台</span></p>
                        <p>
                            <span>1392</span>
                            <span>申请</span>
                        </p>
                        <p class="v-p2">剩余时间2天</p>
                    </li>
                    <li>
                        <img src="./img/hot3.jpg" alt="">
                        <h2> 巴慕达 The Toaster 烤面包机 </h2>
                        <p class="v-p1"><span>2021</span><span>20台</span></p>
                        <p>
                            <span>1392</span>
                            <span>申请</span>
                        </p>
                        <p class="v-p2">剩余时间2天</p>
                    </li>
                    <li>
                        <img src="./img/hot4.jpg" alt="">
                        <h2> 巴慕达 The Toaster 烤面包机 </h2>
                        <p class="v-p1"><span>2021</span><span>20台</span></p>
                        <p>
                            <span>1392</span>
                            <span>申请</span>
                        </p>
                        <p class="v-p2">剩余时间2天</p>
                    </li>
                </ul>
                <ul class="uls">
                    <li>
                        <img src="./img/hot5.jpg" alt="">
                        <h2> 巴慕达 The Toaster 烤面包机 </h2>
                        <p class="v-p1"><span>2021</span><span>20台</span></p>
                        <p>
                            <span>1392</span>
                            <span>申请</span>
                        </p>
                        <p class="v-p2">剩余时间2天</p>
                    </li>
                    <li>
                        <img src="./img/hot6.jpg" alt="">
                        <h2> 巴慕达 The Toaster 烤面包机 </h2>
                        <p class="v-p1"><span>2021</span><span>20台</span></p>
                        <p>
                            <span>1392</span>
                            <span>申请</span>
                        </p>
                        <p class="v-p2">剩余时间2天</p>
                    </li>
                    <li>
                        <img src="./img/hot7.jpg" alt="">
                        <h2> 巴慕达 The Toaster 烤面包机 </h2>
                        <p class="v-p1"><span>2021</span><span>20台</span></p>
                        <p>
                            <span>1392</span>
                            <span>申请</span>
                        </p>
                        <p class="v-p2">剩余时间2天</p>
                    </li>
                    <li>
                        <img src="./img/hot8.jpg" alt="">
                        <h2> 巴慕达 The Toaster 烤面包机 </h2>
                        <p class="v-p1"><span>2021</span><span>20台</span></p>
                        <p>
                            <span>1392</span>
                            <span>申请</span>
                        </p>
                        <p class="v-p2">剩余时间2天</p>
                    </li>
                </ul>
                <ul class="uls">
                    <li>
                        <img src="./img/hot9.jpg" alt="">
                        <h2> 巴慕达 The Toaster 烤面包机 </h2>
                        <p class="v-p1"><span>2021</span><span>20台</span></p>
                        <p>
                            <span>1392</span>
                            <span>申请</span>
                        </p>
                        <p class="v-p2">剩余时间2天</p>
                    </li>
                    <li>
                        <img src="./img/hot10.jpg" alt="">
                        <h2> 巴慕达 The Toaster 烤面包机 </h2>
                        <p class="v-p1"><span>2021</span><span>20台</span></p>
                        <p>
                            <span>1392</span>
                            <span>申请</span>
                        </p>
                        <p class="v-p2">剩余时间2天</p>
                    </li>
                    <li>
                        <img src="./img/hot11.jpg" alt="">
                        <h2> 巴慕达 The Toaster 烤面包机 </h2>
                        <p class="v-p1"><span>2021</span><span>20台</span></p>
                        <p>
                            <span>1392</span>
                            <span>申请</span>
                        </p>
                        <p class="v-p2">剩余时间2天</p>
                    </li>
                    <li>
                        <img src="./img/hot12.jpg" alt="">
                        <h2> 巴慕达 The Toaster 烤面包机 </h2>
                        <p class="v-p1"><span>2021</span><span>20台</span></p>
                        <p>
                            <span>1392</span>
                            <span>申请</span>
                        </p>
                        <p class="v-p2">剩余时间2天</p>
                    </li>
                </ul>
                <ul class="uls">
                    <li>
                        <img src="./img/hot5.jpg" alt="">
                        <h2> 巴慕达 The Toaster 烤面包机 </h2>
                        <p class="v-p1"><span>2021</span><span>20台</span></p>
                        <p>
                            <span>1392</span>
                            <span>申请</span>
                        </p>
                        <p class="v-p2">剩余时间2天</p>
                    </li>
                    <li>
                        <img src="./img/hot6.jpg" alt="">
                        <h2> 巴慕达 The Toaster 烤面包机 </h2>
                        <p class="v-p1"><span>2021</span><span>20台</span></p>
                        <p>
                            <span>1392</span>
                            <span>申请</span>
                        </p>
                        <p class="v-p2">剩余时间2天</p>
                    </li>
                    <li>
                        <img src="./img/hot7.jpg" alt="">
                        <h2> 巴慕达 The Toaster 烤面包机 </h2>
                        <p class="v-p1"><span>2021</span><span>20台</span></p>
                        <p>
                            <span>1392</span>
                            <span>申请</span>
                        </p>
                        <p class="v-p2">剩余时间2天</p>
                    </li>
                    <li>
                        <img src="./img/hot8.jpg" alt="">
                        <h2> 巴慕达 The Toaster 烤面包机 </h2>
                        <p class="v-p1"><span>2021</span><span>20台</span></p>
                        <p>
                            <span>1392</span>
                            <span>申请</span>
                        </p>
                        <p class="v-p2">剩余时间2天</p>
                    </li>
                </ul>

            </div>
        </div>
        <!--报告精选-->
        <div class="select">
            <div class="wrapper">
                <p class="select-pp">报告精选
                    <span style="float: right;
                    font-size: 14px;color: #fd6959;
                    font-weight: normal;">查看更多
                        <span style="font-size: 25px;vertical-align: middle">≡</span>
                    </span>
                </p>
                <div class="pic-items" id="list">
<!--       数据渲染部分-->
                    <script id="li_tmpl" type="text/x-dot-template">
                        {{~it:value:index}}
                        <div class="items-1">
                            <img src="{{=value.img}}" alt="">
                            <div>
                                <p>{{=value.text}}</p>
                                <p class="susu"><span>● {{=value.uName}}</span>
                                    <span class=" iconfont icon-dianzan1">{{=value.num}}</span>
                                    <span class="iconfont icon-xiaoxi1">{{=value.totalnum}}</span>
                                </p>
                            </div>
                        </div>
                        {{~}}
                    </script>
                </div>
            </div>

        </div>
        <!--导购精选-->
        <div class="shops">
            <div class="wrapper">
                <p>导购精选
                    <span style="float: right;
                    font-size: 14px;color: #fd6959;
                    font-weight: normal;">查看更多
                        <span style="font-size: 25px;vertical-align: middle">≡</span>
                    </span>
                </p>
                <ul id="list2">
                    <script id="li_tmpl2" type="text/x-dot-template">
                        {{~it:value:index}}
                            <li>
                                <img src="{{=value.img}}" alt="">
                                <div>
                                    <p>{{=value.text}}</p>
                                    <p>
                                        <span class="iconfont icon-xin1"> 3</span>
                                        <span class="iconfont icon-xiaoxi1"> 3</span>
                                    </p>
                                </div>
                            </li>
                        {{~}}
                    </script>
                </ul>

            </div>
        </div>
        <!--发现酷玩        -->
        <div class="find-w">
            <div class="wrapper find-d">
                <p>发现酷玩
                    <span style="float: right;
                    font-size: 14px;color: #fd6959;
                    font-weight: normal;">查看更多
                        <span style="font-size: 25px;vertical-align: middle">≡</span>
                    </span>
                </p>
                <div class="find-d-d" id="list3">
                    <script id="li_tmpl3" type="text/x-dot-template">
                        {{~it:value:index}}
                        <div class="items-1">
                            <a href=""><img src="{{=value.img}}" alt=""></a>

                            <div>
                                <p>{{=value.text}}</p>
                                <p class="susu"><span>{{=value.price}}</span>
                                    <span class=" iconfont icon-dianzan1">{{=value.like}}</span>
                                    <span class="iconfont icon-xiaoxi1">{{=value.words}}</span>
                                </p>
                            </div>
                        </div>
                        {{~}}
                    </script>
                </div>
            </div>


        </div>
    </mian>
    <!--底部-->
    <footer class="foot">
        <section class="section wrapper">
            <div class="box">
                <dl><img src="img/code.png" width="160px" height="160px"></dl>
                <dl>
                    <dt><img src="img/logoImg.jpg" alt=""></dt>
                    <br>
                    <dd>全球酷玩试用导购平台</dd>
                    <dd>酷·新奇·好玩·品质</dd>
                    <br>
                    <dd>微信添加“JguoJguo”</dd>
                    <dd>获取我们的服务。</dd>
                </dl>
                <dl>
                    <dt>免费使用</dt>
                    <br>
                    <dd><a href="">试用流程</a></dd>
                    <dd><a href="">如何提高成功率</a></dd>
                </dl>
                <dl>
                    <dt>友情链接</dt>
                    <br>
                    <dd><a href="">智东西&emsp;WEIBUSI</a></dd>
                    <dd><a href="">搜狐IT&emsp;腾讯科技</a></dd>
                    <dd><a href="">搜狐数码&emsp;凤凰科技</a></dd>
                    <dd><a href="">凤凰数码&emsp;PConline</a></dd>
                    <dd><a href="">泡泡网&emsp;3W咖啡</a></dd>
                    <dd><a href="">ZUK社区&emsp;亿觅emie</a></dd>
                    <dd><a href="">极客公园&emsp;易迅易启玩</a></dd>
                    <dd><a href="">果库</a></dd>
                </dl>
                <dl>
                    <dt>购买攻略</dt>
                    <br>
                    <dd><a href="">美亚海淘教程</a></dd>
                    <dd><a href="">日亚海淘教程</a></dd>
                    <dd><a href="">海淘转运攻略</a></dd>
                    <dd><a href="">kickstarter 众筹购买攻略</a></dd>
                    <dd><a href="">indiegogo 众筹购买攻略</a></dd>
                </dl>
                <dl>
                    <dt>厂商合作</dt>
                    <br>
                    <dd><a href="">关于极果</a></dd>
                    <dd><a href="">联系我们</a></dd>
                    <dd><a href="">商务合作:BD@jiguo.com</a></dd>
                    <dd><a href="">CEO邮箱:CEO@jiguo.com</a></dd>
                </dl>

            </div>
            <p>©&nbsp;2016&nbsp;极果版权所有</p>
        </section>
    </footer>
</body>
<script src="./js/index2.js"></script>
<script src="./js/doT.min.js"></script>
<script src="./js/ajax.js"></script>
<script src="./js/index.js"></script>
</html>